﻿@{
    ViewBag.Title = "Alternative";
}

 <script type="text/javascript">
    //Per-page variables about the data
    var columnZeroTitle="NSSFs";
    var columnOneTitle="Amount of Meetings";
    var originalData=@Html.Raw(Json.Encode(ViewBag.MeetingsPerNSSF));

    google.load('visualization', '1.1', { packages: ['controls'] });
    google.setOnLoadCallback(function() {
        createGraph(columnZeroTitle,columnOneTitle,originalData);
    });
</script>

<h2>@ViewBag.Message</h2>
<p>The raw data:</p>
<ul>
    @foreach (KeyValuePair<String, int> kvp in ViewBag.MeetingsPerNSSF)
    {
        <li>NSSF: @kvp.Key, Amount of meetings: @kvp.Value</li>
    }
</ul>
<p>
    Here will come the test graphs.
</p>
     
<div id="dashboard_div">
    <div id="filter_div"></div>
    <div id="barchart_div" style="width: 600px; height: 400px;">
    </div>
    
</div>
<div id="dashboard1_div">
    <div id="linechart_div" style="width: 600px; height: 400px;">
    </div>
    
</div>
